/*base*/
@font-face {
  font-family: 'otpc';  
  src: url('//bicoin.oss-cn-beijing.aliyuncs.com/6b/DINPro-Bold.eot');
  src: url('//bicoin.oss-cn-beijing.aliyuncs.com/6b/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
  url('//bicoin.oss-cn-beijing.aliyuncs.com/6b/DINPro-Bold.woff') format('woff'),
  url('//bicoin.oss-cn-beijing.aliyuncs.com/6b/DINPro-Bold.ttf') format('truetype'),
  url('//bicoin.oss-cn-beijing.aliyuncs.com/6b/DINPro-Bold.svg#iconfont') format('svg');
}   
*{margin: 0;padding:0;-webkit-tap-highlight-color:transparent;outline: none;word-break: break-all;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{height: 100%;color:#000; font-family: "otpc" !important;line-height: normal;-webkit-text-size-adjust: 100% !important;-webkit-font-smoothing: antialiased;}
html, #app{height: 100%;font-family:"Helvetica Neue", Helvetica, Microsoft YaHei, Arial, sans-serif;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
img { border:0 none;}
a,a:focus,a:link,a:active,a:visited{text-decoration:none;color: initial;}
*:link, *:visited, *:hover, *:active, *:focus { 
    -webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
    transition: color .25s linear, background-color .25s linear, border-color .25s linear;
}
ul, li { list-style:none;}
table{border-collapse:collapse;border-spacing:0}
em,i{font-style:normal}
strong,b{font-weight:700}
input,img,button{vertical-align:middle; }
button:active{color:#0094FF !important;}
input,select,textarea{border:0;border-radius:0;-webkit-appearance:none; -webkit-user-select: text;}
textarea:focus{outline:0}
input{outline: 0;}
input[type="search"]{-webkit-appearance:none;}
input::-webkit-search-cancel-button {display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none !important;margin: 0;}
del{color: #999;}
img{max-width:100%;}
@-webkit-keyframes fadeIn {
    from { opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
[lazy=loaded] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
[lazy=loading] {
    background-size: 100% !important;
    background-position: center !important;
}
/*img[lazy=loading] {
    width: 100% !important;
    left: 0% !important;
    top: 0% !important;
    background-size: 100% !important;
    background-position: center !important;
}*/
[lazy=error] {
    border-radius: 2px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.ub{display: -webkit-box !important;display: box !important;position:relative;}
.ub-con{position:absolute;width:100%;height:100%;}
.ub-ac{-webkit-box-align:center;box-align:center;}
.ub-ae{-webkit-box-align:end;box-align:end;}
.ub-aj{-webkit-box-align:justify;box-align:justify;}
.ub-pc{-webkit-box-pack:center;box-pack:center;}
.ub-pe{-webkit-box-pack:end;box-pack:end;}
.ub-pj{-webkit-box-pack:justify;box-pack:justify;}
.ub-ver{-webkit-box-orient:vertical;box-orient:vertical;}
.ub-f1{position:relative;-webkit-box-flex: 1  !important; box-flex: 1  !important;}
.ub-f1p2{position:relative;-webkit-box-flex: 1.2 !important; box-flex: 1.2 !important;}
.ub-f1p4{position:relative;-webkit-box-flex: 1.4 !important; box-flex: 1.4 !important;}
.ub-f1p5{position:relative;-webkit-box-flex: 1.5 !important; box-flex: 1.5 !important;}
.ub-f1p8{position:relative;-webkit-box-flex: 1.8 !important; box-flex: 1.8 !important;}
.ub-f2{position:relative;-webkit-box-flex: 2 !important;box-flex: 2 !important; }
.ub-f3{position:relative;-webkit-box-flex: 3 !important;box-flex: 3 !important;}
.ub-f3p5{position:relative;-webkit-box-flex: 3.5 !important;box-flex: 3.5 !important;}
.ub-f4{position:relative;-webkit-box-flex: 4 !important;box-flex: 4 !important;}
.uf{display:flex;display:-webkit-flex;align-items:center;}
.uf-f1{flex:1;-webkit-flex:1;}
.ub-img{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center;}
.ub-img-bg{-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center;}
.ut-s{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;outline: 0 !important;}
.ut-s2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ut-s3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ut-s5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ut-s10{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}
.box-sizing{box-sizing:border-box;-webkit-box-sizing:border-box;}
.block {display: block;} 
.inline-block {display: inline-block;} 
.table {display: table;} 
.rows {display: table-row; } 
.cells {display: table-cell;}
.uw0{width:0;}
.uw30{width:30%;}
.uw50{width:50%;}
.uw60{width:60%;}
.uw65{width:65%;}
.uw70{width:70%;}
.uw75{width:75%;}
.uw80{width:80%;}
.uw90{width:90%;}
.uw100{width:100%;}
.uw200{width:200% !important;}
.uh96{height:96%;}
.uh0{height: 0;}
.uh100{height:100%;}
.tx-c{text-align: center;}
.tx-l{text-align: left;}
.tx-r{text-align: right;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.mauto{margin:0 auto;}
.hide{display:none !important;}
.disabled {background: #eee !important;color: #888 !important;pointer-events: none;opacity: .65;cursor: not-allowed;}
.dib {display: inline-block !important;}
.db {display: block !important;}
.vib{visibility:hidden;}
.pr{position:relative !important;}
.pa{position: absolute !important;}
.vm{vertical-align: middle;}
.vp{vertical-align: top;}
.no-scroll{position:fixed;width:100%;height:100%;left:0;top:0;overflow: hidden !important; height: 100% !important;}
.hidden{overflow: hidden;}
.tdu{text-decoration: underline;}
.br50{border-radius: 50%;-webkit-border-radius: 50%;}
.opc0{opacity:0 !important;}
.opc4{opacity:.4 !important;}
.opc10{opacity:1 !important;}
.fb{font-weight: bolder !important;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.f-fq{font-family: STXingkai;font-style: italic;letter-spacing: 0.1em;}
.l-n{line-height: normal;}
.wb{word-break:break-all;}
.tlt{text-decoration: line-through}
.cur{cursor: pointer;}

.shadow{-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.shadow2{-webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.27);box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.27);}
.shadow3{-webkit-box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.2);box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.2);}
.shadow4{-webkit-box-shadow: -1px 5px 6px rgba(0,0,0,0.04), 1px 5px 5px rgba(0,0,0,0.04);box-shadow: -1px 5px 6px rgba(0,0,0,0.04), 1px 5px 5px rgba(0,0,0,0.04);}
.shadow5{-webkit-box-shadow: -1px 5px 6px rgba(0,0,0,0.04), 1px 5px 5px rgba(0,0,0,0.04);box-shadow: -1px 5px 6px rgba(0,0,0,0.04), 1px 5px 5px rgba(0,0,0,0.04);}
.filter{-webkit-filter: blur(0.106667rem);filter: blur(0.106667rem);}
.filter2{-webkit-filter: blur(0.2rem);filter: blur(0.2rem);}
.f-touch{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}



/*@font-face {
  font-family: 'iconfont';  
  src: url('../resource/iconfont/iconfont.eot');
  src: url('../resource/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../resource/iconfont/iconfont.woff') format('woff'),
  url('../resource/iconfont/iconfont.ttf') format('truetype'),
  url('../resource/iconfont/iconfont.svg#iconfont') format('svg');
}
*/

@font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/font_581945_icu5db0b4y.eot');
  src: url('//at.alicdn.com/t/font_581945_icu5db0b4y.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_581945_icu5db0b4y.woff') format('woff'),
  url('//at.alicdn.com/t/font_581945_icu5db0b4y.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_581945_icu5db0b4y.svg#iconfont') format('svg');
}                
.iconfont{font-family:"iconfont" !important;font-style:normal;display: inline-block;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale; }
[class*=" ot-icon-"], [class^=ot-icon-] {
    font-family: "iconfont" !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ot-icon-user:before { content: "\e751"; }    
.ot-icon-lock:before {content: "\e646";}  
.ot-icon-ring:before {content: "\e65a";}  
.ot-icon-warn:before {content: "\e68e";}  
.ot-icon-page:before {content: "\e632";}  
.ot-icon-qr:before {content: "\e60c";}  
.ot-icon-warn1:before {content: "\e61f";}  
.ot-icon-gou:before {content: "\e65c";}  
.ot-icon-upload:before {content: "\e605";}  
.ot-icon-asset:before {content: "\e614";}  
.ot-icon-person:before {content: "\e649";}  
.ot-icon-help:before {content: "\eee9";}  
.ot-icon-up:before {content: "\e64c";}  
.ot-icon-down:before {content: "\e64b";}  
.ot-icon-flat:before {content: "\e67f";}  
.ot-icon-refresh:before {content: "\e642";}  
.ot-icon-star:before {content: "\e6ae";}  
.ot-icon-instar:before {content: "\e611";}  
.ot-icon-more:before {content: "\e6f5";}  
.ot-icon-dtl:before {content: "\e87a";}  
.ot-icon-oc:before {content: "\e68b";}  
.ot-icon-intr:before {content: "\e72f";}  
.ot-icon-rate:before {content: "\e68f";}  
.ot-icon-set:before {content: "\e68c";} 

.ot-icon-asset:before {content: "\e698";}  
.ot-icon-rc:before {content: "\e694";}  
.ot-icon-ext:before {content: "\e693";}  
.ot-icon-act:before {content: "\e755";}  
.ot-icon-otclist:before {content: "\e699";}  
.ot-icon-otcin:before {content: "\e691";}  
.ot-icon-account:before {content: "\e69c";}  
.ot-icon-phone1:before {content: "\e697";}  
.ot-icon-phone2:before {content: "\e696";}  
.ot-icon-email1:before {content: "\e692";}  
.ot-icon-email2:before {content: "\e690";}  
.ot-icon-cfm:before {content: "\e6db";}  

/*base------------------end*/
[v-cloak] {
  display: none;
}
.leftShow-enter-active, .leftShow-leave-active {transition: transform .5s;-webkit-transition: transform .5s;}
.leftShow-enter, .leftShow-leave-active {transform:translateX(-100%);-webkit-transform:translateX(-100%);}
.opacShow-enter-active, .opacShow-leave-active {transition: opacity 200ms;-webkit-transition: opacity 200ms;}
.opacShow-enter, .opacShow-leave-active {opacity:0;}
.topShow-enter-active, .topShow-leave-active {transition: transform .5s;-webkit-transition: transform .5s}
.topShow-enter, .topShow-leave-active {-webkit-transform: translateY(100%);transform: translateY(100%);}
.bottomShow-enter-active, .bottomShow-leave-active {transition: transform .5s;-webkit-transition: transform .5s}
.bottomShow-enter, .bottomShow-leave-active {-webkit-transform: translateY(-100%);transform: translateY(-100%);}


/*闪烁两次*/
@-webkit-keyframes blink{
    0%   { opacity: 0; }
    33%   { opacity: 1; }
    67%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes blink{
    0%   { opacity: 0; }
    33%   { opacity: 1; }
    67%   { opacity: 0; }
    100% { opacity: 1; }
}
/*下拉箭头*/
@-webkit-keyframes btmArrow{
    0%   { opacity: 0; -webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);}
    100% { opacity: 1; -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes btmArrow{
    0%   { opacity: 0; -webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);}
    100% { opacity: 1; -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.btmArrow{-webkit-animation:btmArrow 2s infinite;animation:btmArrow 2s infinite;}
/*向右箭头*/
@-webkit-keyframes rightArrow{
    0%   { opacity: 0; -webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
    100% { opacity: 1; -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes rightArrow{
    0%   { opacity: 0; -webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
    100% { opacity: 1; -webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.rightArrow{-webkit-animation:rightArrow 2s infinite;animation:rightArrow 2s infinite;}
/*切入弹窗*/
@-webkit-keyframes slit {
    50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
    100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
@keyframes slit {
    50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
    100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}
/*飘动*/
@-webkit-keyframes reciprocate{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
@keyframes reciprocate{
    0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
    50%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
    100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
.reciprocate{-webkit-animation:reciprocate 2s infinite;animation:reciprocate 2s infinite;}


._v-container{background-color: #fff;}

